.leeui-anim {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.leeui-anim-up {
    -webkit-animation-name: leeui-up;
    animation-name: leeui-up
}

.leeui-anim-down {
    -webkit-animation-name: leeui-down;
    animation-name: leeui-down
}

.leeui-anim-scaleSpring {
    -webkit-animation-name: leeui-scale-spring;
    animation-name: leeui-scale-spring
}






@-webkit-keyframes leeui-up {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: .3
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes leeui-up {
    from {
        transform: translate3d(0, 100%, 0);
        opacity: .3
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes leeui-down {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: .3
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes leeui-down {
    from {
        transform: translate3d(0, -100%, 0);
        opacity: .3
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}


@-webkit-keyframes leeui-scale-spring {
    0% {
        opacity: .5;
        -webkit-transform: scale(.5)
    }

    80% {
        opacity: .8;
        -webkit-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes leeui-scale-spring {
    0% {
        opacity: .5;
        transform: scale(.5)
    }

    80% {
        opacity: .8;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}



@keyframes opacity-show {
    from {
         opacity: .3
    }

    to {
        opacity: 1
    }
}